<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米帐号-登录</title>
    <link rel="icon" href="../images/小米.png">
    <link rel="stylesheet" href="../css/xiaomi.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
    <a href="https://www.mi.com/index.html" class="top-a"> 
        <div class="top">
            <div class="logo">
                <div class="one">
            
                </div>
                <div class="two">
                    <p>小米商城</p>
                    <p>让每个人都能享受科技的乐趣</p>
                </div>
            </div>
        </div>
    </a>
    
    <div class="center">
        <div class="form">
            <div class="nav">
                <span class="active">帐号登录</span>
                <span class="else">扫码注册</span>
            </div>
            <i class="split-top">
                    <div></div>
            </i>
            <div class="form-content">
                <div class="account">
                    <p><input type="text" placeholder="邮箱/手机号码/小米ID" class="text"></p>
                    <p><input type="password" placeholder="密码" class="pass"></p>
                    <div><button><a href="#" class="load-a">登录</a></button></div>

                    <div class="regist">
                        <a href="#" class="regist-a1"><span>手机短信登陆/注册</span></a>
                        <div class="regist-div">
                            <a href="https://cn.account.xiaomi.com/pass/register?callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&sid=mi_eshop&_bannerBiz=mistore&_qrsize=180" class="regist-a2"><span>立即注册</span></a>
                            <span class="split-bottom">|</span>
                            <a href="https://account.xiaomi.com/pass/forgetPassword?callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&sid=mi_eshop&_bannerBiz=mistore&_qrsize=180" class="regist-a2"><span>忘记密码？</span></a>
                        </div>
                    </div>

                    <div class="load-bottom">
                        <p class="qita"> 
                            <span class="left"></span>
                            其他方式登录
                            <span class="right"></span>
                        </p>
                    </div>
            
                    <div class="Icon">
                        <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&client_id=100284651&redirect_uri=https://account.xiaomi.com/pass/sns/login/load&state=7b22736964223a226d695f6573686f70222c227469636b6574223a22313039323032222c226c6f63616c65223a227a685f434e222c2263616c6c6261636b223a2268747470732533412532462532466f726465722e6d692e636f6d2532466c6f67696e25324663616c6c6261636b253346666f6c6c6f77757025334468747470732532353341253235324625323532467777772e6d692e636f6d25323532462532367369676e2533444e7a59334d446b31597a637a4e6d55774d474d344f4441784f5745304e6a52694e5455355a4751794d7a4668596a466d4f4755304e77253243253243222c226170706964223a22313030323834363531227d">
                            <span class="qq-icon"></span>
                        </a>
                        <a href="https://api.weibo.com/oauth2/authorize?response_type=code&client_id=2996826273&redirect_uri=https://account.xiaomi.com/pass/sns/login/load&state=7b22736964223a226d695f6573686f70222c227469636b6574223a22343439333836222c226c6f63616c65223a227a685f434e222c2263616c6c6261636b223a2268747470732533412532462532466f726465722e6d692e636f6d2532466c6f67696e25324663616c6c6261636b253346666f6c6c6f77757025334468747470732532353341253235324625323532467777772e6d692e636f6d25323532462532367369676e2533444e7a59334d446b31597a637a4e6d55774d474d344f4441784f5745304e6a52694e5455355a4751794d7a4668596a466d4f4755304e77253243253243222c226170706964223a2232393936383236323733227d">
                            <span class="weibo-icon"></span>
                        </a>
                        <a href="https://auth.alipay.com/login/express.htm?goto=https%3A%2F%2Fmemberexprod.alipay.com%3A443%2Fauthorize%2FuserAuthQuickLoginAction.htm%3Fe_i_i_d%3Df9733a110657120937a67806a83d2a9b">
                            <span class="zhifu-icon"></span>
                        </a>
                        <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxa21de3acc0d5e79b&redirect_uri=https%3A%2F%2Faccount.xiaomi.com%2Fpass%2Fsns%2Flogin%2Fload&response_type=code&scope=snsapi_login&state=WEIXIN901945#wechat_redirect">
                            <span class="weixin-icon"></span>
                        </a>
                    </div>
                </div>

                <div class="saoma">
                    <img src="../images/小米二维码.png" alt="">
                    <span class="saoma-top">使用&nbsp;<span class="saoma-middle">小米商城APP</span>&nbsp;扫一扫</span>
                    <span class="saoma-bottom">小米手机可打开「设置」>「小米帐号」扫码登录</span>
                </div>
            </div>
        </div>
    </div>

    <div class="bottom">
        <div class="bottom-size">
             <ul class="bottom-ul">
                <a href="#" class="bottom-ul-a"><li>简体</li></a>
                <li class="bottom-split">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
                <a href="#" class="bottom-ul-a"><li>繁体</li></a>
                <li class="bottom-split">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
                <a href="#" class="bottom-ul-a"><li>English</li></a>
                <li class="bottom-split">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
                <a href="#" class="bottom-ul-a"><li>常见问题</li></a>
                <li class="bottom-split">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
                <a href="#" class="bottom-ul-a"><li>隐私政策</li></a>
             </ul>
        </div>
        <p class="bottom-gongan">小米公司版权所有-京ICP备10046444-
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" class="gongan-a">
                <span><img src="../images/公安.png" alt=""></span>
            </a>京公网安备11010802020134-京ICP证110507号
        </p>
    </div>


    <script>
        $(".nav span").click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            console.log($(this).index())
            $(".form-content>div").eq($(this).index()).show().siblings().hide()
        })
    </script>
</body>
</html>